<div class="sui-form form-horizontal">
    <div class="control-group">
        <label class="control-label v-top">
        </label>
        <div class="controls">
            物流公司:
            <carryway-type ng-model="shipping_corp" dft="1"></carryway-type>
            模板类型:
            <xiaopiao-type ng-model="xiaopiao_type" dft="1"></xiaopiao-type>
            模板名称:
            <input type="text" placeholder="输入模板名称" class="input-medium mod-name" ng-model="name">
             <!-- 小票尺寸: -->
            <!-- <input type="text" placeholder="宽度" ng-model="x_size"> -->
            <!-- <span class="mul">×</span>
            <input type="text" placeholder="" ng-model="y_size"> -->
            <!-- <span class="unit">毫米</span> -->
            <button ng-click="save()" ng-disabled="!shipping_corp || !name || !articles.length" class="sui-btn btn-success"> {{'保存' | translate}}</button>
            <button ng-click="Delete()" class="sui-btn btn-danger"> {{'清空模板' | translate}}</button>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label v-top">
        </label>
        <div class="controls">
            <div class="span2" style="width:230px;height: 660px ">
                <div class="navMenubox">
                    <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 100%;">
                        <div id="slimtest1" style="overflow: hidden; width: 100%; height: 100%;">
                            <ul class="navMenu">
                                <!-- <li ng-repeat="(key, value) in titleList">
                                    <a href="javascript:;" class="afinve"> <span class="">{{value.name}}</span> <span class="arrow"></span> </a>
                                    <ul class="sub-menu">
                                        <li ng-repeat="(key, list) in value.list"><a href="javascript:;" id="{{list.id}}" ng-click="adddataStyle($event)"><span>{{list.name}}</span></a></li>
                                    </ul>
                                </li> -->
                                <li>
                                    <a href="javascript:;" class="afinve"> <span class="">卖家信息</span> <span class="arrow"></span> </a>
                                    <ul class="sub-menu">
                                        <li><a href="javascript:;" id="sender_name" ng-click="adddataStyle($event)"><span>发件人-姓名</span></a></li>
                                        <li><a href="javascript:;" id="sender_phone" ng-click="adddataStyle($event)"><span>发件人-手机</span></a></li>
                                        <li><a href="javascript:;" id="sender_address" ng-click="adddataStyle($event)"><span>发件人-地址</span></a></li>
                                        <li><a href="javascript:;" id="store_name" ng-click="adddataStyle($event)"><span>店铺名称</span></a></li>
                                        <li><a href="javascript:;" id="receiver_time" ng-click="adddataStyle($event)"><span>提货时间</span></a></li>
                                    </ul>
                                </li>
                               <!--  <li>
                                    <a href="javascript:;" class="afinve"> <span class="">买家信息</span> <span class="arrow"></span> </a>
                                    <ul class="sub-menu">
                                        <li><a href="javascript:;" id="deliver_name" ng-click="adddataStyle($event)"><span>收货人-姓名</span></a></li>
                                        <li><a href="javascript:;" id="deliver_phone" ng-click="adddataStyle($event)"><span>收货人-手机</span></a></li>
                                        <li><a href="javascript:;" id="deliver_address" ng-click="adddataStyle($event)"><span>收货人-地址</span></a></li>
                                    </ul>
                                </li> -->
                                <li ng-show="xiaopiao_type =='item'">
                                    <a href="javascript:;" class="afinve"> <span class="">普通订单信息</span> <span class="arrow"></span> </a>
                                    <ul class="sub-menu">
                                        <li><a href="javascript:;" id="deliver_name" ng-click="adddataStyle($event)"><span>收货人-姓名</span></a></li>
                                        <li><a href="javascript:;" id="deliver_phone" ng-click="adddataStyle($event)"><span>收货人-手机</span></a></li>
                                        <li><a href="javascript:;" id="deliver_address" ng-click="adddataStyle($event)"><span>收货人-地址</span></a></li>
                                        <li><a href="javascript:;" id="note" ng-click="adddataStyle($event)"><span>留言</span></a></li>
                                        <li><a href="javascript:;" id="remark" ng-click="adddataStyle($event)"><span>备注</span></a></li>
                                        <li><a href="javascript:;" id="order_id" ng-click="adddataStyle($event)"><span>订单编号</span></a></li>
                                        <li><a href="javascript:;" id="total_fee" ng-click="adddataStyle($event)"><span>总金额</span></a></li>
                                        <li><a href="javascript:;" id="discount_fee" ng-click="adddataStyle($event)"><span>优惠总额</span></a></li>
                                        <li><a href="javascript:;" id="payment" ng-click="adddataStyle($event)"><span>支付金额</span></a></li>
                                        <li><a href="javascript:;" id="post_fee" ng-click="adddataStyle($event)"><span>运费</span></a></li>
                                        <li><a href="javascript:;" id="created_at" ng-click="adddataStyle($event)"><span>下单时间</span></a></li>
                                        <li><a href="javascript:;" id="paid_time" ng-click="adddataStyle($event)"><span>支付时间</span></a></li>
                                        <li><a href="javascript:;" id="payment_name" ng-click="adddataStyle($event)"><span>支付方式</span></a></li>
                                        <li><a href="javascript:;" id="item" ng-click="adddataStyle($event)"><span>商品信息</span></a></li>
                                        <li><a href="javascript:;" id="fx_ref" ng-click="adddataStyle($event)"><span>销售员编号</span></a></li>
                                    </ul>
                                </li>
                                <li ng-show="xiaopiao_type =='baoming'">
                                    <a href="javascript:;" class="afinve"> <span class="">报名订单信息</span> <span class="arrow"></span> </a>
                                    <ul class="sub-menu">
                                        <li><a href="javascript:;" id="detail_id" ng-click="adddataStyle($event)"><span>订单号码</span></a></li>
                                        <li><a href="javascript:;" id="nick_name" ng-click="adddataStyle($event)"><span>用户</span></a></li>
                                        <li><a href="javascript:;" id="mobile" ng-click="adddataStyle($event)"><span>手机号</span></a></li>
                                        <li><a href="javascript:;" id="sn" ng-click="adddataStyle($event)"><span>报名编号</span></a></li>
                                        <li><a href="javascript:;" id="pay_amount" ng-click="adddataStyle($event)"><span>支付金额</span></a></li>
                                        <li><a href="javascript:;" id="created_at" ng-click="adddataStyle($event)"><span>创建时间</span></a></li>
                                    </ul>
                                </li>
                                <li ng-show="xiaopiao_type =='mianfu'">
                                    <a href="javascript:;" class="afinve"> <span class="">面付订单信息</span> <span class="arrow"></span> </a>
                                    <ul class="sub-menu">
                                        <li><a href="javascript:;" id="nick_name" ng-click="adddataStyle($event)"><span>付款用户</span></a></li>
                                        <li><a href="javascript:;" id="payment" ng-click="adddataStyle($event)"><span>付款金额</span></a></li>
                                        <li><a href="javascript:;" id="created_at" ng-click="adddataStyle($event)"><span>创建时间</span></a></li>
                                        <li><a href="javascript:;" id="update_time" ng-click="adddataStyle($event)"><span>支付时间</span></a></li>
                                    </ul>
                                </li>
                                <li ng-show="xiaopiao_type =='hotel'">
                                    <a href="javascript:;" class="afinve"> <span class="">酒店订单信息</span> <span class="arrow"></span> </a>
                                    <ul class="sub-menu">
                                        <li><a href="javascript:;" id="room_info" ng-click="adddataStyle($event)"><span>房间信息</span></a></li>
                                        <li><a href="javascript:;" id="check_in_person" ng-click="adddataStyle($event)"><span>顾客信息</span></a></li>
                                        <li><a href="javascript:;" id="reserve_start_time" ng-click="adddataStyle($event)"><span>入住时间</span></a></li>
                                        <li><a href="javascript:;" id="total_fee" ng-click="adddataStyle($event)"><span>总金额</span></a></li>
                                        <li><a href="javascript:;" id="payment" ng-click="adddataStyle($event)"><span>支付金额</span></a></li>
                                        <li><a href="javascript:;" id="created_at" ng-click="adddataStyle($event)"><span>下单时间</span></a></li>
                                    </ul>
                                </li>
                                <li ng-show="xiaopiao_type =='balance'">
                                    <a href="javascript:;" class="afinve"> <span class="">充值订单信息</span> <span class="arrow"></span> </a>
                                    <ul class="sub-menu">
                                        <li><a href="javascript:;" id="nick_name" ng-click="adddataStyle($event)"><span>用户</span></a></li>
                                        <li><a href="javascript:;" id="inc_balance" ng-click="adddataStyle($event)"><span>充值金额</span></a></li>
                                        <li><a href="javascript:;" id="created_at" ng-click="adddataStyle($event)"><span>创建时间</span></a></li>
                                        <li><a href="javascript:;" id="remark" ng-click="adddataStyle($event)"><span>备注</span></a></li>
                                    </ul>
                                </li>
                                <!-- <li ng-show="xiaopiao_type =='refund'">
                                    <a href="javascript:;" class="afinve"> <span class="">退款订单信息</span> <span class="arrow"></span> </a>
                                    <ul class="sub-menu">
                                        <li><a href="javascript:;" id="nick_name" ng-click="adddataStyle($event)"><span>用户</span></a></li>
                                        <li><a href="javascript:;" id="inc_balance" ng-click="adddataStyle($event)"><span>退款金额</span></a></li>
                                        <li><a href="javascript:;" id="created_time" ng-click="adddataStyle($event)"><span>创建时间</span></a></li>
                                        <li><a href="javascript:;" id="remark" ng-click="adddataStyle($event)"><span>备注</span></a></li>
                                    </ul>
                                </li> -->
                                <li>
                                    <a href="javascript:;" class="afinve"> <span class="">自定义</span> <span class="arrow"></span> </a>
                                    <ul class="sub-menu">
                                        <li><a href="javascript:;" ng-click="customPopup()"><span>添加自定义文字</span></a></li>
                                        <!-- <li><a href="javascript:;" id="deliver_phone" ng-click="adddataStyle($event)"><span>收货人-手机</span></a></li> -->
                                    </ul>
                                </li>
                                <!-- <li> <a href="javascript:;" class="afinve"> <i class="icon_3"></i> <span class="nav-text">统计报表</span> <span class="arrow"></span> </a>
                                    <ul class="sub-menu">
                                        <li><a href="javascript:;" class="afinve"><span>发运表</span></a></li>
                                        <li><a href="javascript:;"><span>发运结算表</span></a></li>
                                        <li><a href="javascript:;"><span>自营车表</span></a></li>
                                        <li><a href="javascript:;"><span>导入发运报表</span></a></li>
                                        <li> <a href="javascript:;" class="afinve"><span>打印</span><span class="arrow"></span></a>
                                            <ul class="sub-menu">
                                                <li><a href="javascript:;"><span>发运结算表</span></a></li>
                                                <li><a href="javascript:;"><span>应收发运单</span></a></li>
                                                <li><a href="javascript:;"><span>自营车</span></a></li>
                                                <li><a href="javascript:;"><span>应付发运单</span></a></li>
                                            </ul>
                                        </li>
                                        <li> <a href="javascript:;" class="afinve"><span>数据查询</span><span class="arrow"></span></a>
                                            <ul class="sub-menu">
                                                <li><a href="javascript:;"><span>发运单查询</span></a></li>
                                                <li><a href="javascript:;"><span>自营车查询</span></a></li>
                                                <li> <a href="javascript:;" class="afinve"><span>报账明细</span><span class="arrow"></span></a>
                                                    <ul class="sub-menu">
                                                        <li><a href="javascript:;"><span>报账明细1</span></a></li>
                                                        <li><a href="javascript:;"><span>报账明细1</span></a></li>
                                                        <li><a href="javascript:;"><span>报账明细1</span></a></li>
                                                        <li><a href="javascript:;"><span>报账明细1</span></a></li>
                                                        <li> <a href="javascript:;" class="afinve"><span>自营车汇总表</span><span class="arrow"></span></a>
                                                            <ul class="sub-menu">
                                                                <li><a href="javascript:;"><span>自营车汇总表1</span></a></li>
                                                                <li><a href="javascript:;"><span>自营车汇总表2</span></a></li>
                                                                <li><a href="javascript:;"><span>自营车汇总表4</span></a></li>
                                                                <li><a href="javascript:;"><span>自营车汇总表3</span></a></li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li> -->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="span3" style="width:500px;border:1px solid #aaa">
                <div data-ng-model="articles">
                    <ul class="card-list" as-sortable="kanbanSortOptions" data-ng-model="articles">
                        <li ng-repeat="(key, value) in articles" style="height:30px" as-sortable-item="" class="card" ng-click="ChoiceTp(value)">
                            <div as-sortable-item-handle="">
                                <span class="pull-right mar-right" ng-show="ckdata.$$hashKey == value.$$hashKey">
                                    <a href="javascript:;" ng-click="customPopup(value)"  ng-show="value.id =='zdy'"><i class="sui-icon icon-pencil"></i></a>
                                    <a href="javascript:;" style="color: red" ng-click="articles.splice($index,1)">
                                    <i class="sui-icon icon-trash"></i>
                                    </a> 
                                </span>
                                <div style="text-align: center;">
                                    <div class="active item" style="margin: 2px">
                                        <p>{{value.name}}</p>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- <div id="main">
    <div id="content">
        <div class="prt-top-form sui-form">
            <span class="exp" style="">物流公司：</span>
            <span class="exp" style="margin: 0px;">
                     <carryway-type ng-model="shipping_corp" dft="1" ></carryway-type>
            </span>
            <span class="exp">模板名称</span>
            <input type="text" placeholder="输入模板名称" id="tmplate-name" class="input-medium mod-name" ng-model="tpname">
            <span class="exp">模板尺寸</span>
            <input type="text" placeholder="" ng-model="x_size" data-placement="bottom" data-toggle="tooltip" data-type="attention" title="输入数字后,回车生效" class="input-medium pap-size" id="x-size" value="" ng-blur="MbCc('x_size')" >
            <span class="mul">×</span>
            <input type="text" placeholder="" ng-model="y_size" class="input-medium pap-size" id="y-size" value="" ng-blur="MbCc('y_size')">
            <span class="unit">毫米</span>
             <a href="javascript:void(0);" class="sui-btn btn-success" id="save-content" style="">保存</a>
        </div>
        
        <div class="prt-table-box">
            <div class="table-left">
                <a class="add-custom-ele">添加自定义文字</a>
                <div class="prt-ele-list">
                    <div class="ele-cat open">
                        <span class="ele-cat-title">卖家信息</span>
                        <div class="ele-list">
                            <span class="kd-ele"><font>发件人-姓名</font><a id="sender_name" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >发件人-手机</font><a id="sender_phone" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >发件人-地址</font><a id="sender_address" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >发件日期</font><a  id="datatime" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >店铺名称</font><a id="store_name" ng-click="adddataStyle($event)">添加</a></span>
                        </div>
                    </div>
                    <div class="ele-cat close">
                        <span class="ele-cat-title">买家信息</span>
                        <div class="ele-list">
                            <span class="kd-ele"><font >收货人-姓名</font><a id="deliver_name" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >收货人-手机</font><a id="deliver_phone" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >收货人-地址</font><a id="deliver_address" ng-click="adddataStyle($event)">添加</a></span>
                        </div>
                    </div>
                    <div class="ele-cat close">
                        <span class="ele-cat-title">订单信息</span>
                        <div class="ele-list">
                            <span class="kd-ele"><font >留言</font><a id="note" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >备注</font><a id="remark" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >订单编号</font><a id="order_id" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >总金额</font><a id="total_fee" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >优惠总额</font><a id="discount_fee" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >支付金额</font><a id="payment" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >运费</font><a id="post_fee" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >拍下时间</font><a id="created_at" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >支付时间</font><a id="paid_time" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >支付方式</font><a id="payment_name" ng-click="adddataStyle($event)">添加</a></span>
                            <span class="kd-ele"><font >商品信息</font><a  id="item" ng-click="adddataStyle($event)">添加</a></span>
                        </div>
                    </div>
                    <div class="ele-cat close">
                        <span class="ele-cat-title">模板代码</span>
                        <div class="ele-list">
                            <span class="kd-ele"><font >模板代码</font> <a ng-click="addhtml()">添加</a></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="table-right" >
               
            </div>
        </div>
    </div>
</div> -->
<!--添加自定义标签-->